<nc-component v-bind:data="data[index]" class="goods-list">

	<!-- 预览 -->
	<template slot="preview">
		
		<div class="control-goods-list-small">
			<ul>
				<li>
					<div class="control-thumbnail blue-bg">第一个商品</div>
					<h5 class="control-goods-name">商品名称</h5>
					<div class="control-goods-price">
						<em>￥638.24</em>
					</div>
				</li>
				<li>
					<div class="control-thumbnail pink-bg">第二个商品</div>
					<h5 class="control-goods-name">商品名称</h5>
					<div class="control-goods-price">
						<em>￥148.18</em>
					</div>
				</li>
				<li>
					<div class="control-thumbnail green-bg">第三个商品</div>
					<h5 class="control-goods-name">商品名称</h5>
					<div class="control-goods-price">
						<em>￥633.05</em>
					</div>
				</li>
				<li>
					<div class="control-thumbnail orange-bg">第N个商品</div>
					<h5 class="control-goods-name">商品名称</h5>
					<div class="control-goods-price">
						<em>￥264.67</em>
					</div>
				</li>
			</ul>
		</div>
		
	</template>

	<!-- 编辑 -->
	<template slot="edit">
		
		<template v-if="nc.lazyLoad">
			<goods-list></goods-list>
		</template>
		
	</template>
	
	<!-- 资源 -->
	<template slot="resource">

		<css src="{$resource_path}/goods_list/css/design.css"></css>
		<js src="{$resource_path}/goods_list/js/design.js"></js>
		
	</template>
	
</nc-component>